// 目标: 网站-更换背景
// 1.选择图片上传，设置body背景
// 2.上传成功时，"保存"图片url网址。
// 3.网页运行后，"获取"url网址使用

document.querySelector('.bg-ipt').addEventListener('change', e => {
    // console.log(e.target.files[0]);
    const fd = new FormData()
    fd.append('img', e.target.files[0])
    axios({
        url: 'http://hmajax.itheima.net/api/uploadimg',
        method: 'POST',
        data: fd
    }).then(result => {
        // console.log(result);
        const imgUrl = result.data.data.url
        document.body.style.backgroundImage = `url(${imgUrl})`

        // 2.上传成功时，"保存"图片url网址。
        localStorage.setItem('bgImg', imgUrl)


    })
})

// 3.网页运行后，"获取"url网址使用
const bgUrl = localStorage.getItem('bgImg')
    // console.log(bgUrl);   //http://yjy-teach-oss.oss-cn-beijing.aliyuncs.com/ajax/16982997439940.8013642433454073.jpg

// document.body.style.backgroundImage = `url(${bgUrl})`

// 如果删除了localStorage中的bgImg,则打开网页时会报错，所以应该改写为：
// 本地有背景图地址才设置
bgUrl && (document.body.style.backgroundImage = `url(${bgUrl})`)